<template>
 <div id='app'>
  <!-- <mu-circular-progress :size="40" v-if="loading"/> -->
  <div id='container'>
    <!-- <p v-html='html' ></p> -->
    <div v-if="url && url !==''">
      <iframe :src="url" style="width:100%;"  frameborder="0" onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>700?fdh:700)"  >
      </iframe>
    </div>
    <div v-else>
      暂无内容
    </div>
  </div>
 </div>
</template>
<style>
 
</style>
<script>
// import API from '@/utils/backend_api'
export default{
  name: 'htmlpanel',
  props: {
    url: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      loading: false,
      html: ''
    }
  },
  watch: {
    url: function(value, oldVal) {
      console.log('html load:', value)
      // this.load(value)
    }
  },
  created() {
    // this.load(this.url)
  },
  methods: {
    // load(url) {
    //   if (url && url.length > 0) {
    //     // 加载中
    //     this.loading = true
    //     API.wserver.getData(url).then((response) => {
    //     // this.$http.get(url, param).then((response) => {
    //       this.loading = false
    //       // 处理HTML显示
    //       console.log('html data:', response.data)
    //       this.html = response.data
    //     }).catch(() => {
    //       this.loading = false
    //       this.html = '加载失败'
    //     })
    //   } else {
    //     this.html = '暂无内容'
    //   }
    // }
  }
}
</script>